<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../utils/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/goods_Option.css">
    <script src="../JS/jquery-3.4.1.min.js"></script>
    <script src="../utils/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>

<body>
    <!-- 顶部 -->
    <nav class="navbar navbar-default navbar-static-top head" style="margin-bottom: -20px;">
        <div class="navbar-header col-lg-2 Shopping_title">
            <a href="#" class="navbar-brand">商城后台</a>
        </div>
        <div class="Menu">
            <span class="glyphicon glyphicon-menu-hamburger"></span>
        </div>
        <div class="pull-right Out">
            <span class="glyphicon glyphicon-log-in"></span>
        </div>
    </nav>
    <!-- 左侧导航栏 -->
    <div class="navbar-default" id="nav_sub" style="margin-top: 19px;">
        <ul class="nav">
            <li></li>
            <!-- 商品管理 -->
            <li class="First_li"><a href="#sub_1" data-toggle="collapse" id="btn1">商品管理<span
                        class="glyphicon glyphicon-chevron-right pull-right right_arrows"></span></a>
                <ul id="sub_1" class="collapse Second_li nav">
                    <li><a href="#">商品分类管理</a></li>
                    <li><a href="#">商品管理</a></li>
                    <li><a href="#">Option管理</a></li>
                </ul>
            </li>
            <!-- 订单管理 -->
            <li class="First_li">
                <a href="#sub_2" data-toggle="collapse">订单管理<span
                        class="glyphicon glyphicon-chevron-right pull-right right_arrows"></span></a>
                <ul id="sub_2" class="collapse Second_li nav">
                    <li><a href="#">查看订单</a></li>
                </ul>
            </li>
            <!-- 用户管理 -->
            <li class="First_li"><a href="#">用户管理</a></li>
            <!-- 评论管理 -->
            <li class="First_li"><a href="#">评论管理</a></li>
            <!-- 文章管理 -->
            <li class="First_li">
                <a href="#sub_3" data-toggle="collapse">文章管理<span
                        class="glyphicon glyphicon-chevron-right pull-right right_arrows"></span></a>
                <ul id="sub_3" class="collapse Second_li nav">
                    <li><a href="文章管理.html">分类管理</a></li>
                    <li><a href="文章管理2.html">文章管理</a></li>
                </ul>
            </li>
            <!-- 幻灯片管理 -->
            <li class="First_li"><a href="#">幻灯片管理</a></li>
            <!-- 销量图表 -->
            <li class="First_li"><a href="#">销量图表</a></li>
        </ul>
    </div>
    <!-- 右侧内容 -->
    <div class="container-fluid">
        <div class="row">
            <!-- 表单1 -->
            <div id="content_1" class="col-lg-10" style="margin-top: 20px;">
                <table class="table">
                    <thead>
                        <tr>
                            <td><a href="#">1123123</a><a href="#">2123545</a></td>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</body>

</html>